<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        #div1{
            display: flex;
            text-align: center;

        }
        #div_tou{
            display: flex;
            width: 50px;
            height: 50px;
            background-color: aliceblue;
        }
    </style>
</head>
<body>
<div id="div_tou">
    <form action="zuo3.php" method="post" enctype="multipart/form-data">
        <input type="file" src="" name="file[]"  id="file" multiple="multiple" /><br />
        <img src="" id="imgurl" alt="请选择头像">
        <br />
        <button type="button" onclick="tou()">显示头像</button>
        <button type="submit">提交</button>
    </form>
</div>

<form action="zuo2.php" method="post">
    <h1>基本信息</h1>
    姓名：<br /><input type="text" name="username" id="" value="" placeholder="测试更新为admin" /><br />
    特长：<br /><input type="text" name="techang" id="" value="" placeholder="请选择您擅长的编程语言或特长（最多可选5个" /><br />
    性别：<br /><input type="radio" name="sex" id="" value="" />男<input type="radio" name="sex" id="" value="" />女<br />
    公司：<br /><input type="text" name="gs" id="" value="" placeholder="公司地址" /><br />
    职务：<br /><input type="text" name="zw" id="" value="" placeholder="职务" /><br />
    微信：<br /><input type="text" name="wx" id="" value="" placeholder="测试更新为123456" /><br />
    QQ：<br /><input type="text" name="qq" id="" value="" placeholder="QQ" /><br />
    领英：<br /><input type="text" name="ly" id="" value="" placeholder="领英" /><br />
    微博：<br /><input type="text" name="wb" id="" value="" placeholder="微博地址" /><br />
    博客：<br /><input type="text" name="bk" id="" value="" placeholder="博客地址" /><br />
    所在地：<br /><select name="sf">
        <option value="">请选择省份</option>
        <option value="">河南</option>
        <option value="">北京</option>
        <option value="">福建</option>
    </select>
    <select name="cs">
        <option value="">请选择城市</option>
        <option value="">郑州</option>
        <option value="">朝阳区</option>
        <option value="">龙岩市</option>
    </select>
    <br />
    <div id="div1">
        自我介绍：<textarea rows="10" cols="100" name="zwjs">

					</textarea>
    </div>
    <br />
    <button type="submit">更新</button>
</form>
</body>
<script type="text/javascript">
        function tou(){
            var file_id=document.getElementById('file');
            var files=file_id['files'];
            var URL=window.URL||window.webkitURL;
            var imgURL=URL.createObjectURL(files[0]);
            document.getElementById('imgurl').src=imgURL;
        }
</script>
</html>
